<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/contactUs_public.css">
    <link rel="stylesheet" href="../css/contact_us.css">

    <link rel="stylesheet" href="../font/iconfont.css">

    <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=ub40PM9yyEWGKuGPj3ZqHW6G2RAQR3zr"></script>
	<title>添加信息窗口</title>
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <div class="wrapper">
            <img src="../images/sy_02.png" alt="">
            <ul>
                <li><a href="../html/index.html">首页</a></li>
                <li><a href="../html/about_us.html">关于我们</a></li>
                <li><a href="../html/product_display.html">产品介绍</a></li>
                <li><a href="../html/about_team.html">我们团队</a></li>
                <li><a href="../html/contact_us.html">联系我们</a></li>
            </ul>
        </div>
    </div>

    <!--轮播图 -->
    <div id="banner">
        <img src="../images/lxwm_02.png" alt="">
    </div>



    <!-- 内容 -->
    <div id="content">
        <div class="wrapper">
            <div class="title">
                <dl>
                    <dt>联系我们</dt>
                    <dd>Company profile</dd>
                </dl>
                <div class="title_a">
                    <a href="#">当前位置<i class="iconfont">&#xe625;</i></a>
                    <a href="#">首页<i class="iconfont">&#xe625;</i></a>
                    <a href="#">联系我们</a>
                </div>
            </div>
            <!-- 百度地图 -->
            <div id="allmap"></div>
            <div class="title_text">
                <div class="title_text_introduce">
                    <i class="iconfont">&#xe660;</i>
                    <figure>
                        <h2>咨询热线</h2>
                        <figcaption>Information Hotline</figcaption>
                        <figcaption>重庆：+86 023-867-7848</figcaption>
                        <figcaption>（09:30~18:30 北京时间）</figcaption>
                    </figure>
                </div>
                <div class="title_text_introduce">
                    <i class="iconfont">&#xe632;</i>
                    <figure>
                        <h2>公司地址</h2>
                        <figcaption>Company address</figcaption>
                        <figcaption>地址：重庆大坪龙湖时代天街3号写字楼2407室</figcaption>
                        <figcaption>（09:30~18:30 北京时间）</figcaption>
                    </figure>
                </div>
                <div class="title_text_introduce">
                    <i class="iconfont">&#xe678;</i>
                    <figure>
                        <h2>公司邮箱</h2>
                        <figcaption>E-mail </figcaption>
                        <figcaption>邮箱：info@haitouglobal.com</figcaption>
                        <figcaption>（09:30~18:30 北京时间）</figcaption>
                    </figure>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="wrapper">
            <p>COPYRIGHT &copy; 重庆DUZU有限公司 | DUZU备案号 33010602001878 号 版权所有：重庆戈登有限公司</p>
            <figure>
                <img src="../images/sy_40.png" alt="">
                <figcaption>官方唯一旗舰店</figcaption>
            </figure>
        </div>
    </div>

    <script type="text/javascript">
        // 百度地图API功能
        var map = new BMapGL.Map("allmap");
        var point = new BMapGL.Point(106.491281,29.537841);
        map.centerAndZoom(point, 15);
        
        var marker = new BMapGL.Marker(point);  // 创建标注
        map.addOverlay(marker);              // 将标注添加到地图中
        var opts = {
            width : 200,     // 信息窗口宽度
            height: 100,     // 信息窗口高度
            title : "千峰教育" , // 信息窗口标题
            message:"这里是千峰教育"
        }
        var infoWindow = new BMapGL.InfoWindow("地址：重庆市九龙坡区渝州路街道科员一路大西洋国际大厦12楼12-1", opts);  // 创建信息窗口对象 
        marker.addEventListener("click", function(){          
            map.openInfoWindow(infoWindow, point); //开启信息窗口
        }); 
    </script>
</body>

</html>